@charset "utf-8";
/* CSS Document */  

html { font-family: 'Forum', cursive; color:#58585a;  font-size: 16px; line-height:1em; height: 100%; margin: 0; padding: 0;  }
body { font-family: 'Forum', cursive; color:#58585a; font-size: 16px ; line-height:1em; font-style: normal; background-color: #f2f2f2; text-align: center; height:100%; margin: 0; padding: 0; }

.redim { max-width:100%; height:auto; width:auto; }

.gras { font-weight:bold; }
.u { text-decoration:underline; }
.i { font-style:italic; }
.R { color:#f00; }

.Bandeau {width:100%; height:auto; margin:0; }

.cadre {width:100%; height:auto; max-width: 2000px; margin:0 auto 0 auto; background-color:#fff;}
.ban {width:100%; height:auto; max-width: 2000px; margin:2% auto 0 auto; position:relative; z-index:1; color:#58585a; }
.trait {width:96%; height:2px; background-color:#d6beb9; margin-left:2%; }
.clear { clear:both;}	

a img {border:none;}

.gris  {background-color:#192e33;  }
.cp {font-size:.8em; color:#aaaaaa; }

a.menu-bas { font-size:.8em; font-weight:normal; color:#aaa; text-decoration: none; }
a.menu-bas:hover { font-size:.8em; font-weight:normal; color:#fff; text-decoration: none; }
.menu a {font-family:Arial, Helvetica, sans-serif; padding: 0 8px; color: #58585a; text-decoration:none; font-size:0.9em;}
.menu a:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
.sousheader a {font-family:Arial, Helvetica, sans-serif; padding: 0 20px 0 20px; margin:0; color: #aaa; text-decoration:none; font-size:0.9em;}    /*  ddd  */
.sousheader a:hover {font-family:Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; }
a.infop { text-decoration:underline; font-family: 'Forum', cursive; color:#58585a; font-size:1em; }
a.infop:hover { text-decoration:underline; font-family: 'Forum', cursive; color:#000; font-size:1em; }

.Col-GP  { width:33%; height:auto; margin: 0; padding:1% 1% 1% 1%;  background-color: #F0F0F0; font-size: 1em; color:#58585a; float:left; }
.Col-DP  { width:63%; height:auto; margin: 0; padding:0 1% 0 1%;  font-size: 1em; color:#58585a; float:left; }

.menu { float: left;  padding-top:3px; }

.Footer {font-family:Arial, Helvetica, sans-serif; width:90%; max-width:900px; height:auto; margin: 0 auto 0 auto; padding: 1% 5% 1% 5%; }

@media screen and (min-width: 1024px) {
.site-content { padding-top: 0; }
/* Header  */
.header {background-color: #192e33; position: fixed; left: 0; right: 0; height: 50px; line-height: 50px; color: #FFF; }   
.sousheader {margin: 0 0 0 100px; padding: 0; color: #fff; line-height: 50px; }
.header__logo { padding: 0 0 0 10px; float: left; }
/*   partie Menu Responsive  */	
.logr40  {width: 55px; height:40px; display:none; }
.logr50  {width: 55px; height:50px; }
  .site-pusher, .site-container { height: 100%;}
  .site-container { overflow: hidden;}
  .site-pusher { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px);
    -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .site-content { position: absolute; top: 50px; right: 0; left: 0; bottom: 0; padding-top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* top: 66px; */
  .header { position: static; }
  .header__icon { position: relative; display: block; float: right; width: 50px; height: 40px; cursor: pointer; display:none }   /* height: 66px;  */
    .header__icon:after { content: ''; position: absolute; display: block; width: 1rem; height: 0; top: 16px; left: 15px;
      -moz-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      -webkit-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c; display:none}
  .menu { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #E0E0EB; width: 150px;
    -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); display:none}  /* couleur fond vertical  */
    .menu a { display: block; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #D0D0D0; display:none}  /* couleur ligne séparation fond vertical  */
  .with--sidebar .site-pusher { -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); display:none}
  .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index:200; display:none} /* opacité voile (cache noir) z-index ajouté */

.txb  {top: 10%; left: 2%; width: 80%; text-align:left; position: absolute; z-index:4; color:#192e33; font-size:1.5em; }
.txb5 {display:none;  }

.PhotoG  {width:25%; height:auto; padding: 0 0 0 2%; float:left; }
.TxtD  {width:67%; padding:0 2% 1% 4%; height:auto; float:left; font-size:1.4em; line-height:1.4em; text-align:left; }
.TxtG  {width:63%;  padding:0 2% 1% 2%; height:auto; float:left; font-size:1.4em; line-height: 1.4em; text-align:left; }
.coord { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:2.2em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } 
.coordb { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:2.2em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } 

.Txt5 {display:none; }
.Photo5  {display:none;}
.espace {height:20px; }

.PhotoD  {width:32%; margin-right:1%; height:auto; float:left; }
.alheure {font-size:1.5em; line-height:normal; }
.mauve { font-size:1.2em; line-height:normal; color:#d08b72;}
.bando { width:98%; padding:3% 1% 2% 1%; height: auto; background-color:#d08b72; color:#fff; }
a.info { font-size:1.2em; font-weight:normal; color:#fff; text-decoration: none; }
a.info:hover { font-size:1.2em; font-weight:normal; color:#000; text-decoration: none; }

.entete {width:96%; margin: 3% 0 2% 2%; font-size: 1.8em; line-height:normal; text-align:left; }
.PhotoP  {width:20%; margin: 0 5% 1% 2%; text-align:left; float:left; }
.TxtA  {width:33%; margin: 1% 0 1% 3%; font-size:1.2em; color:#d08b72; line-height:1.2em; text-align:left; float:left; }
.TxtB {width:33%; margin: 1% 2% 1% 2%; font-size:1.2em; line-height:1.2em; text-align:left; float:left;  }

.TxtF {width:26%; margin: 1% 1% 1% 2%; padding: 2% 2% 2% 2%; font-size:1.2em; line-height:1.2em; text-align:center; float:left; }
.TxtFim {width:63%; margin: 1% 1% 1% 2%; padding: 2% 0 2% 0; }

.TxtF6 {display:none; }
.TxtFim6 {display:none; }

.TxtC {width:83%; margin: 1% 2% 1% 15%; font-size:1.2em; line-height:1.2em; text-align:left; }

.Bas { max-width:1024px; width:auto; height:auto; clear: both;  margin: 0 auto 0 auto;  }


}

@media screen and (min-width: 900px) and (max-width: 1023px) {
.site-content { padding-top: 0;  }/* padding-top: 66px;  */
.header {background-color: #192e33; position: fixed; left: 0; right: 0; height: 50px; line-height: 50px; color: #FFF; }   
.sousheader {margin: 0 0 0 100px; padding: 0; color: #fff; line-height: 50px; display:none; }
.header__logo { padding: 0 0 0 20px; float: left; }
/*   partie Menu Responsive  */	
.logr40  {width: 55px; height:40px; display:none; }
.logr50  {width: 55px; height:50px; }
  .site-pusher, .site-container { height: 100%; }
  .site-container { overflow: hidden; }
  .site-pusher { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px);
    -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .site-content { position: absolute; top: 50px; right: 0; left: 0; bottom: 0; padding-top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* top: 66px; */
  .header { position: static; }
  .header__icon { position: relative; display: block; float: right; width: 50px; height: 40px; cursor: pointer; }   /* height: 66px;  */
    .header__icon:after { content: ''; position: absolute; display: block; width: 1rem; height: 0; top: 16px; left: 15px;
      -moz-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      -webkit-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c; }
  .menu { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #E0E0EB; width: 150px;
    -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); }  /* couleur fond vertical  */
    .menu a { display: block; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #D0D0D0; }  /* couleur ligne séparation fond vertical  */
  .with--sidebar .site-pusher { -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); }
  .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index:200; } /* opacité voile (cache noir) z-index ajouté */



.txb  {top: 10%; left: 2%; width: 80%; text-align:left; position: absolute; z-index:4;  color:#192e33; font-size:1.5em; line-height:normal;}
.txb5 {display:none;  }

.PhotoG  {width:25%; height:auto; padding: 0 0 0 2%; float:left; }
.TxtD  {width:67%; padding:0 2% 1% 4%; height:auto; float:left; font-size:1.2em; line-height:1.2em; text-align:left; }
.TxtG  {width:63%;  padding:0 2% 1% 2%; height:auto; float:left; font-size:1.2em; line-height:1.2em; text-align:left; }
.coord { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:2.2em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.coordb { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:2.2em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.Txt5 {display:none; }
.Photo5  {display:none;}
.espace {height:20px; }

.PhotoD  {width:32%; margin-right:1%; height:auto; float:left; }
.alheure {font-size:1.5em; line-height:normal; }
.mauve { font-size:1.2em; line-height:normal; color:#d08b72;}
.bando { width:98%; padding:3% 1% 2% 1%; height: auto; background-color:#d08b72; color:#fff; }
a.info { font-size:1.1em; font-weight:normal; color:#fff; text-decoration: none; }
a.info:hover { font-size:1.1em; font-weight:normal; color:#000; text-decoration: none; }

.entete {width:96%; margin: 3% 0 2% 2%; font-size: 1.8em; line-height:normal; text-align:left; }
.PhotoP  {width:25%; margin: 0 0 1% 2%; text-align:left; float:left; }
.TxtA  {width:33%; margin: 1% 0 1% 3%; font-size:1.2em; color:#d08b72; line-height:1.2em; text-align:left; float:left; }
.TxtB {width:33%; margin: 1% 2% 1% 2%; font-size:1.2em; line-height:1.2em; text-align:left; float:left;  }

.TxtF {width:26%; margin: 1% 1% 1% 2%; padding: 2% 2% 2% 2%; font-size:1.2em; line-height:1.2em; text-align:center; float:left; }
.TxtFim {width:63%; margin: 1% 1% 1% 2%; padding: 2% 0 2% 0; }


.TxtF6 {display:none; }
.TxtFim6 {display:none; }

.TxtC {width:83%; margin: 1% 2% 1% 15%; font-size:1.2em; line-height:1.2em; text-align:left; }



.Bas { width:100%; height:auto; background-color: #FF8040; clear: both; margin: 0 auto 0 auto;}
	
}

@media screen and (min-width: 700px) and (max-width: 899px) {
.site-content { padding-top: 0;  }/* padding-top: 66px;  */
.header {background-color: #192e33; position: fixed; left: 0; right: 0; height: 50px; line-height: 50px; color: #FFF; }   
.sousheader {margin: 0 0 0 100px; padding: 0; color: #fff; line-height: 50px; display:none; }
.header__logo { padding: 0 0 0 20px; float: left; }
/*   partie Menu Responsive  */	
.logr40  {width: 55px; height:40px; display:none; }
.logr50  {width: 55px; height:50px; }
  .site-pusher, .site-container { height: 100%; }
  .site-container { overflow: hidden; }
  .site-pusher { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px);
    -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .site-content { position: absolute; top: 50px; right: 0; left: 0; bottom: 0; padding-top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* top: 66px; */
  .header { position: static; }
  .header__icon { position: relative; display: block; float: right; width: 50px; height: 40px; cursor: pointer; }   /* height: 66px;  */
    .header__icon:after { content: ''; position: absolute; display: block; width: 1rem; height: 0; top: 16px; left: 15px;
      -moz-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      -webkit-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c; }
  .menu { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #E0E0EB; width: 150px;
    -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); }  /* couleur fond vertical  */
    .menu a { display: block; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #D0D0D0; }  /* couleur ligne séparation fond vertical  */
  .with--sidebar .site-pusher { -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); }
  .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index:200; } /* opacité voile (cache noir) z-index ajouté */

.txb  {top: 10%; left: 2%; width: 80%; text-align:left; position: absolute; z-index:4; color:#192e33; font-size:1.2em; line-height:normal;}
.txb5 {display:none;  }

.PhotoG  {width:25%; height:auto; padding: 0 0 0 2%; float:left; }
.TxtD  {width:67%; padding:0 2% 1% 4%; height:auto; float:left; font-size:1.2em; line-height:1.2em; text-align:left; }
.TxtG  {width:63%;  padding:0 2% 1% 2%; height:auto; float:left; font-size:1.2em; line-height:1.2em; text-align:left; }
.coord { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:1.8em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.coordb { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:1.8em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.Txt5 {display:none; }
.Photo5  {display:none;}
.espace {height:20px; }

.PhotoD  {width:32%; margin-right:1%; height:auto; float:left; }
.alheure {font-size:1.5em; line-height:normal; }
.mauve { font-size:1.2em; line-height:normal; color:#d08b72;}
.bando { width:98%; padding:3% 1% 2% 1%; height: auto; background-color:#d08b72; color:#fff; }
a.info { font-size:.95em; font-weight:normal; color:#fff; text-decoration: none; }
a.info:hover { font-size:.95em; font-weight:normal; color:#000; text-decoration: none; }


.entete {width:96%; margin: 2% 2% 2% 2%; font-size: 1.2em; line-height:normal; text-align:left; }
.PhotoP  {width:40%; margin: 1% 0 1% 2%; text-align:left; }
.TxtA  {width:47%; margin: 1% 0 1% 2%; font-size: 1.2em; line-height:1.2em; color:#d08b72; text-align:left; float:left; }
.TxtB {width:47%; margin: 1% 2% 1% 2%;font-size: 1.2em; line-height:1.2em;  text-align:left; float:left;  }

.TxtF {width:26%; margin: 1% 1% 1% 2%; padding: 2% 2% 2% 2%; font-size:1.1em; line-height:1.1em; text-align:center; float:left; }
.TxtFim {width:63%; margin: 1% 1% 1% 2%; padding: 2% 0 2% 0; }

.TxtF6 {display:none; }
.TxtFim6 {display:none; }

.TxtC {width:83%; margin: 1% 2% 1% 15%; font-size:1.1em; line-height:1.1em; text-align:left; }

.Bas { width:100%; height:auto; background-color: #FF8040; clear: both; margin: 0 auto 0 auto;}
	
}




@media screen and (min-width: 500px) and (max-width: 699px) {
.site-content { padding-top: 0;  }/* padding-top: 66px;  */
.header {background-color: #192e33; position: fixed; left: 0; right: 0; height: 50px; line-height: 50px; color: #FFF; }   
.sousheader {margin: 0 0 0 100px; padding: 0; color: #fff; line-height: 50px; display:none; }
.header__logo { padding: 0 0 0 20px; float: left; }
/*   partie Menu Responsive  */	
.logr40  {width: 55px; height:40px; display:none; }
.logr50  {width: 55px; height:50px; }
  .site-pusher, .site-container { height: 100%; }
  .site-container { overflow: hidden; }
  .site-pusher { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px);
    -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .site-content { position: absolute; top: 50px; right: 0; left: 0; bottom: 0; padding-top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* top: 66px; */
  .header { position: static; }
  .header__icon { position: relative; display: block; float: right; width: 50px; height: 40px; cursor: pointer; }   /* height: 66px;  */
    .header__icon:after { content: ''; position: absolute; display: block; width: 1rem; height: 0; top: 16px; left: 15px;
      -moz-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      -webkit-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c; }
  .menu { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #E0E0EB; width: 150px;
    -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); }  /* couleur fond vertical  */
    .menu a { display: block; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #D0D0D0; }  /* couleur ligne séparation fond vertical  */
  .with--sidebar .site-pusher { -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); }
  .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index:200; } /* opacité voile (cache noir) z-index ajouté */

.txb  {top: 10%; left: 2%; width: 80%; text-align:left; position: absolute; z-index:4; color:#192e33; font-size:.85em; line-height:normal;}
.txb5 {display:none;  }

.PhotoG  {width:25%; height:auto; padding: 0 0 0 2%; float:left; }
.TxtD  {width:67%; padding:0 2% 1% 4%; height:auto; float:left; font-size:1.1em; line-height:1.1em; text-align:left; }
.TxtG  {width:63%;  padding:0 2% 1% 2%; height:auto; float:left; font-size:1.1em; line-height:1.1em; text-align:left; }
.coord { width:91%; height:auto; background-color:#d08b72; color:#fff; font-size:1.6em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.coordb { width:91%; height:auto; background-color:#d08b72; color:#fff; font-size:1.6em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.Txt5 {display:none; }
.Photo5  {display:none;}
.espace {height:20px; }

.PhotoD  {width:32%; margin-right:1%; height:auto; float:left; }

.alheure {font-size:1.5em; line-height:normal; }
.mauve { font-size:1.2em; line-height:normal; color:#d08b72;}
.bando { width:98%; padding:3% 1% 2% 1%; height: auto; background-color:#d08b72; color:#fff; }
a.info { font-size:.85em; font-weight:normal; color:#fff; text-decoration: none; }
a.info:hover { font-size:.85em; font-weight:normal; color:#000; text-decoration: none; }

.entete {width:96%; margin: 2% 2% 2% 2%; font-size: 1.2em; line-height:normal; text-align:left; }
.PhotoP  {width:40%; margin: 1% 0 1% 2%; text-align:left; }
.TxtA  {width:47%; margin: 1% 0 1% 2%; font-size:1.1em; color:#d08b72; line-height:1.2em; text-align:left; float:left; }
.TxtB {width:47%; margin: 1% 2% 1% 2%; font-size:1.1em; line-height:1.2em; text-align:left; float:left;  }

.TxtF {display:none; }
.TxtFim {display:none ; }
.TxtF6 {width:43%; margin: 1% 1% 1% 2%; padding: 2% 2% 2% 2%; font-size:1.1em; line-height:1.1em; text-align:center; float:left; }
.TxtFim6  {width:47%; margin: 1% 1% 1% 2%; padding: 2% 0 2% 0; float:left;  }

.TxtC {width:96%; margin: 1% 2% 1% 2%; font-size:1.1em; line-height:1.1em; text-align:left; }

.Bas { width:100%; height:auto; background-color: #FF8040; clear: both; margin: 0 auto 0 auto;}
	
}



@media screen and (max-width: 499px) {
.site-content { padding-top: 55px; }  /*  66px  */
/* #Cadre {width:100%;height:auto;text-align: left; }   */
.header {background-color: #192e33; position: fixed; left: 0; right: 0; height: 40px; line-height: 40px; color: #FFF; }  
.sousheader {margin: 0 0 0 100px; padding: 0; color: #fff; line-height: 40px; display:none; }
.header__logo { padding: 0 0 0 20px; float: left; }
/*   partie Menu Responsive  */	
.logr40  {width: 55px; height:40px; }
.logr50  {width: 55px; height:50px; display:none;}
  .site-pusher, .site-container { height: 100%; }
  .site-container { overflow: hidden; }
  .site-pusher { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px);
    -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .site-content { position: absolute; top: 40px; right: 0; left: 0; bottom: 0; padding-top: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* top: 66px; */
  .header { position: static; }
  .header__icon { position: relative; display: block; float: right; width: 50px; height: 40px; cursor: pointer; }   /* height: 66px;  */
    .header__icon:after { content: ''; position: absolute; display: block; width: 1rem; height: 0; top: 6px; left: 15px;
      -moz-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      -webkit-box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c;
      box-shadow: 0 10px 0 1px #4c4c4c, 0 16px 0 1px #4c4c4c, 0 22px 0 1px #4c4c4c; }
  .menu { position: absolute; right: 0; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #E0E0EB; width: 150px;
    -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); }  /* couleur fond vertical  */
    .menu a { display: block; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #D0D0D0; }  /* couleur ligne séparation fond vertical  */
  .with--sidebar .site-pusher { -moz-transform: translateX(-150px); -ms-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); }
  .with--sidebar .site-cache { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index:200; } /* opacité voile (cache noir) z-index ajouté */

.txb  {display:none; }  /* top: 10%; left: 2%; width: 80%; text-align:left; position: absolute; z-index:4; font-size:.8em; line-height:normal;  */
.txb5 {width: 96%; position:relative; font-size:1em; padding: 1% 2% 0 2%; text-align:left; }

.PhotoG  {display:none;  }
.TxtD  {display:none;  }
.TxtG  {display:none;  }
.coord { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:1.4em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.coordb { width:95%; height:auto; background-color:#d08b72; color:#fff; font-size:1.4em; font-weight:bold; margin:1% 1% 1% 2%; padding: 3% 1% 3% 1%; text-align:center; } /* d08b72 */
.Txt5  {width: 96%; position:relative; font-size:1em; line-height:1.5em; padding: 1% 2% 1% 2%; text-align:left; }
.Photo5 {width:96%; margin-left:2%; text-align:left; }
.espace {height:2px; }

.PhotoD  {display:none; }
.alheure {font-size:1.5em; line-height:normal; }
.mauve { font-size:1.2em; line-height:normal; color:#d08b72;}
.bando { width:98%; padding:3% 1% 2% 1%; font-size:1.4em; height: auto; background-color:#d08b72; color:#fff; }
a.info { font-size:.9em; font-weight:normal; color:#fff; text-decoration: none; }
a.info:hover { font-size:.9em; font-weight:normal; color:#000; text-decoration: none; }

.entete {width:96%; margin: 2% 2% 2% 2%; font-size: 1.2em; line-height:normal; text-align:left; }
.PhotoP  {width:50%; margin: 1% 0 1% 2%; text-align:left; }
.TxtA  {width:96%; margin: 1% 5% 1% 2%; text-align:left; color:#d08b72; font-size:1.1em; line-height:1.2em; }
.TxtB {width:96%; margin: 5% 5% 1% 2%; text-align:left; font-size:1.1em; line-height:1.2em; }

.TxtF {display:none; }
.TxtFim {display:none ; }
.TxtF6 {width:93%; margin: 1% 1% 1% 2%; padding: 2% 2% 2% 2%; font-size:1.1em; line-height:1.1em; text-align:center;  }
.TxtFim6  {width:97%; margin: 1% 1% 1% 2%; padding: 2% 0 2% 0;   }

.TxtC {width:96%; margin: 1% 2% 1% 2%; font-size:1.1em; line-height:1.1em; text-align:left; }

.Bas { width:100%; height:auto; background-color: #FF8040; clear: both; margin: 0 auto 0 auto;}

}